<!DOCTYPE html>
<html>
  <head>
    <title>Stream Client</title>
    <meta charset="UTF-8">

    <script src="openteraWebrtcWebClient.js"></script>
  </head>
  <body>

    <h1>Stream Client</h1>

    <h2>Local Stream</h2>
    <video id="local_video" muted></video>
    <br/>
    <button id="mute_audio_button" type="button">Mute Audio</button>
    <button id="unmute_audio_button" type="button">Unmute Audio</button>
    <button id="mute_video_button" type="button">Mute Video</button>
    <button id="unmute_video_button" type="button">Unmute Video</button>

    <h2>Remove Stream</h2>
    <h4>Name: </h4>
    <input id="name_input" type="text"></input>

    <h4>Password: </h4>
    <input id="password_input" type="text" value="abc"></input>

    <h4>Signaling Server Connection: </h4>
    <button id="connect_button" type="button">Connect</button>
    <button id="close_button" type="button">Close</button>

    <h4>Clients: </h4>
    <ul id="client_list"></ul>

    <h4>Call All: </h4>
    <button id="call_all_button" type="button">Call All</button>
    <button id="hang_up_all_button" type="button">Hang Up All</button>
    <button id="close_all_room_peer_connections" type="button">Close All Room Peer Connections</button>

    <h4>Call One: </h4>
    <input id="id_input" type="text"></input>
    <button id="call_one_button" type="button">Call</button>

    <div id="remote_videos"></div>

    <script src="client.js"></script>

  </body>
</html>
